<template>
	<view class="zxh-gongyi">
		<view class="zxh-gongyi-banner" @click="goXiangqing">
			<img src="../../../static/image/Square/banner2.jpg" alt="">
		</view>
		<h2>公益新闻</h2>
		<view class="zxh-gongyi-root">
			<GongyiRoot></GongyiRoot>
			<GongyiRoot></GongyiRoot>
			<GongyiRoot></GongyiRoot>
		</view>
	</view>
</template>

<script>
	import GongyiRoot from '../components/GongyiRoot.vue';
	export default {
		components:{
			GongyiRoot
		},
		data(){
			return{
				
			}
		},
		methods:{
			goXiangqing(){
				uni.navigateTo({
					url:"/pages/Square/pages/Xuanchuan"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.zxh-gongyi{
		margin: 0;
		padding: 0;
		.zxh-gongyi-banner{
			width: 94%;
			padding-top: 20upx;
			margin: 0 auto;
			img{
				width: 100%;
			}
		}
		h2{
			margin-top: 40upx;
			margin-left: 25upx;
			border-left: 20upx solid #28d2d1;
			padding-left: 8upx;
			font-size: 38upx;
			font-weight: 600;
		}
		.zxh-gongyi-root{
		}
	}
</style>